import 'package:flutter/material.dart';

class RegisterPage3 extends StatefulWidget {
  const RegisterPage3({Key? key}) : super(key: key);

  @override
  _RegisterPageState3 createState() => _RegisterPageState3();
}

class _RegisterPageState3 extends State<RegisterPage3> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('钱包'),
        backgroundColor: Colors.purple,
        elevation: 0, // 移除阴影
      ),
      body: Column(
        children: [
          // 钱包余额部分
          ListTile(
            leading: Icon(Icons.money, color: Colors.purple),
            title: Text(
              '钱包余额',
              style:
                  TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
            ),
            trailing: Text(
              '￥1,234.56',
              style:
                  TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
            ),
            tileColor: Colors.purple[500], // 设置ListTile背景为紫色
          ),

          // 分割线
          Divider(color: Colors.purple[200]),

          // 钱包明细部分
          ExpansionTile(
            title: Text(
              '钱包明细',
              style: TextStyle(color: Colors.blueAccent),
            ),
            backgroundColor: Colors.purple[500], // 设置ExpansionTile背景为紫色
            children: <Widget>[
              // 这里可以添加ListTile或其他小部件来表示明细项
              ListTile(
                leading: CircleAvatar(
                  backgroundImage: NetworkImage(
                      'https://imgs.shouyoutv.com/upload/202107/10/9070fsb7mNpnRi2.png'), // 使用网络图
                ),
                title: Text('平台奖励创作者'),
                subtitle: Text('2024-03-20'),
                trailing: Text('￥+100.00'),
              ),
              ListTile(
                leading: CircleAvatar(
                  backgroundImage: NetworkImage(
                      'https://b0.bdstatic.com/9cb2b85d6859cf73e78e1370d7268147.jpg@h_1280'), // 使用网络图
                ),
                title: Text('购买护肤品'),
                subtitle: Text('2023-03-21'),
                trailing: Text('￥-50.00'),
              ),
              ListTile(
                leading: CircleAvatar(
                  backgroundImage: NetworkImage(
                      'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fci.xiaohongshu.com%2F190a73a8-c6b1-3f9e-c3b2-136ae987a6fe%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fci.xiaohongshu.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1714224264&t=ed49f9d14a1bfb85dfed53d4113ab2bf'), // 使用网络图
                ),
                title: Text('购买化妆品'),
                subtitle: Text('2023-03-21'),
                trailing: Text('￥-1040.00'),
              ),
            ],
          ),
          Divider(color: Colors.purple[200]),
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              ElevatedButton(
                style: ElevatedButton.styleFrom(
                  primary: Colors.purple[500], // 按钮背景色
                  onPrimary: Colors.white, // 按钮文字颜色
                ),
                onPressed: () {
                  // 处理充值逻辑
                  // 可以使用Navigator.push()跳转到充值页面
                  // 例如：Navigator.push(context, MaterialPageRoute(builder: (context) => RechargeScreen()));
                },
                child: Text('充值'),
              ),

              // 提现按钮
              SizedBox(width: 60),  // 添加一些间距
              ElevatedButton(
                style: ElevatedButton.styleFrom(
                  primary: Colors.purple[500],
                  onPrimary: Colors.white,
                ),
                onPressed: () {
                  // 处理提现逻辑
                  // 可以使用Navigator.push()跳转到提现页面
                  // 例如：Navigator.push(context, MaterialPageRoute(builder: (context) => WithdrawScreen()));
                },
                child: Text('提现'),
              ),
            ],
          ),
          Row(
            children: [
              Image.network(
                'https://img1.baidu.com/it/u=1045214313,3540400076&fm=253&fmt=auto&app=138&f=JPEG?w=833&h=500', // 图片的URL
                width: 125, // 图片的宽度
                height: 100, // 图片的高度
              ),
              SizedBox(width: 10),
              Image.network(
                'https://img.zcool.cn/community/01d1bb5af53206a801207ab4f59917.jpg@1280w_1l_2o_100sh.jpg', // 图片的URL
                width: 125, // 图片的宽度
                height: 100, // 图片的高度
              ),
              SizedBox(width: 10),
              Image.network(
                'https://img1.baidu.com/it/u=573963929,934659168&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500', // 图片的URL
                width: 125, // 图片的宽度
                height: 100, // 图片的高度
              ),

            ],
          )
          // 充值按钮

          // 其他部分（如充值、提现等按钮）
          // ...
        ],
      ),
      bottomNavigationBar: BottomNavigationBar(
        showSelectedLabels: true,
        // 如果想要隐藏选中时的文字
        showUnselectedLabels: true,
        // 如果想要显示未选中时的文字
        type: BottomNavigationBarType.fixed,

        selectedItemColor: Colors.purple,
        // 选中项的颜色
        unselectedItemColor: Colors.grey,
        // 未选中项的颜色

        items: const <BottomNavigationBarItem>[
          BottomNavigationBarItem(
            icon: Icon(Icons.money),
            label: '钱包',
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.home),
            label: '首页',
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.face),
            label: '我的',
          ),
        ],
      ),
    );
  }
}
